
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>我的消息</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" href="../../res/layui/css/layui.css">
  <link rel="stylesheet" href="../../res/css/global.css">
</head>
<body>

<div id="headerpage"></div>

  <div class="fly-panel fly-column">
    <div class="layui-container">
      <ul class="layui-clear">
        <li class="layui-hide-xs layui-this"><a href="../index/index.html">首页</a></li> 
        <li><a href="../index/task.html">任务</a></li> 
        <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><span class="fly-mid"></span></li> 
        
        <!-- 用户登入后显示 -->
        <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html">我发布的任务</a></li> 
        <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html#collection">我关注的任务</a></li> 
      </ul> 
      
      <div class="fly-column-right layui-hide-xs"> 
        <span class="fly-search"><i class="layui-icon"></i></span> 
        <a href="add.html" class="layui-btn">发表任务</a>
      </div> 
      <div class="layui-hide-sm layui-show-xs-block" style="margin-top: -10px; padding-bottom: 10px; text-align: center;"> 
        <a href="add.html" class="layui-btn">发表任务</a>
      </div> 
    </div>
</div>



<div class="layui-container fly-marginTop fly-user-main" id="message">
  <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="user">
    <li class="layui-nav-item">
      <a @click="goHome()">
        <i class="layui-icon">&#xe609;</i>
        我的主页
      </a>
    </li>
    <li class="layui-nav-item">
      <a href="index.html">
        <i class="layui-icon">&#xe612;</i>
        用户中心
      </a>
    </li>
    <li class="layui-nav-item">
      <a href="set.html">
        <i class="layui-icon">&#xe620;</i>
        基本设置
      </a>
    </li>
    <li class="layui-nav-item layui-this">
      <a href="message.html">
        <i class="layui-icon">&#xe611;</i>
        我的消息
      </a>
    </li>
  </ul>

  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  
  <div  class="fly-panel fly-panel-user" pad20>
	  <div class="layui-tab layui-tab-brief" lay-filter="user" id="LAY_msg" style="margin-top: 15px;">
<!--	    <button class="layui-btn layui-btn-danger" id="LAY_delallmsg">清空全部消息</button>-->
	    <div  id="LAY_minemsg" style="margin-top: 10px;">
        <!--<div class="fly-none">您暂时没有最新消息</div>-->
        <ul class="mine-msg">
          <li v-for="message in messages">
            <blockquote class="layui-elem-quote">
              <a @click="goHome(message.from_user)" target="_blank"><cite>{{message.from_user}}</cite></a>回复了您<a target="_blank" @click="goDetail(message)"><cite>查看详情</cite></a>:</br></br>
              {{message.content}}
            </blockquote>
            <p><span>{{message.comment_time}}</span>
<!--              <a href="javascript:;" class="layui-btn layui-btn-small layui-btn-danger fly-delete">删除</a>-->
            </p>
          </li>
        </ul>
      </div>
	  </div>
	</div>

</div>

<div class="fly-footer">
  <p>这里是PSM社区</p>
  <p>
    欢迎您的加入
  </p>
</div>

<script src="../../res/layui/layui.js"></script>
<script src="../../json/jquery.min.js"></script>
<script>
  $(function(){
    //公共部分导航栏
    $("#headerpage").load("../common/header.html");
  });
</script>
<script src="../../json/vue.min.js"></script>
<script src="../../json/axios.min.js"></script>
<script src="../../json/user/message.js"></script>
<script>
</script>
<script>
layui.cache.page = 'user';
layui.cache.user = {
  username: '游客'
  ,uid: -1
  ,avatar: '../../res/images/avatar/00.jpg'
  ,experience: 83
  ,sex: '男'
};
layui.config({
  version: "3.0.0"
  ,base: '../../res/mods/'
}).extend({
  fly: 'index'
}).use('fly');
</script>

</body>
</html>